<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>合拍街</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../iconfont/iconfont.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<header id="header">
    <a href="#" class="iconfont fl">&#xe63f;</a>
    <div class="title">登录</div>
    <a href="#" class="iconfont fr">&#xe6a0;</a>
</header>
<div class="content">
    <div class="login-box">
        <div class="form-box">
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe608;</i></div>
                <div class="row-r">
                    <input class="input_box" placeholder="输入手机号/邮箱/昵称">
                </div>
            </div>
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe692;</i></div>
                <div class="row-r">
                    <input class="input_box" placeholder="输入密码">
                </div>
            </div>
            <div class="h20"></div>
            <div class="row row-btn">
                <a href="user_index.html" class="green-btn">登录</a>
            </div>
            <div class="row row-btn">
                <a href="user_register.html" class="boder-btn">加入会员</a>
            </div>
            <div class="row row-txt">
                <a href="user_mima.html" class="forget">忘记密码</a>
            </div>
        </div>
        <div class="h20"></div>
        <div class="otherway">
            <div class="title"><span>其他登录方式</span></div>
            <ul class="clearfix">
                <li>
                    <a href="#" class="weibo"><i class="iconfont">&#xe60a;</i></a>
                </li>
                <li>
                    <a href="#" class="qq"><i class="iconfont">&#xe607;</i></a>
                </li>
                <li>
                    <a href="#" class="weixin"><i class="iconfont">&#xe606;</i></a>
                </li>
            </ul>
        </div>
    </div>
</div>

<footer id="footer" class="foot">
    <ul>
        <li>
            <a class="home" href="../index.html">
                <p>首页</p>
            </a>
        </li>
        <li>
            <a class="find" href="../find/index.html">
                <p>发现</p>
            </a>
        </li>
        <li>
            <a class="camera" href="../ranking/index.html">
                <p>合拍榜</p>
            </a>
        </li>
        <li class="active">
            <a class="person" href="user_login.html">
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
</body>
</html>
